<script setup>
defineProps({
	// add、upload
	name: {
		type: String,
		default: 'add'
	}
})
</script>

<template>
	<svg
		v-if="name === 'upload'"
		fill="currentColor"
		xmlns="http://www.w3.org/2000/svg"
		width="1024"
		height="1024"
		viewBox="0 0 1024 1024"
	>
		<path
			fill="currentColor"
			d="M544 864V672h128L512 480L352 672h128v192H320v-1.6c-5.376.32-10.496 1.6-16 1.6A240 240 0 0 1 64 624c0-123.136 93.12-223.488 212.608-237.248A239.808 239.808 0 0 1 512 192a239.872 239.872 0 0 1 235.456 194.752c119.488 13.76 212.48 114.112 212.48 237.248a240 240 0 0 1-240 240c-5.376 0-10.56-1.28-16-1.6v1.6H544z"
		/>
	</svg>

	<svg
		v-else-if="name === 'checked'"
		fill="currentColor"
		xmlns="http://www.w3.org/2000/svg"
		width="1024"
		height="1024"
		viewBox="0 0 1024 1024"
	>
		<path
			fill="currentColor"
			d="M512 896a384 384 0 1 0 0-768a384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896a448 448 0 0 1 0 896z"
		/>
		<path
			fill="currentColor"
			d="M745.344 361.344a32 32 0 0 1 45.312 45.312l-288 288a32 32 0 0 1-45.312 0l-160-160a32 32 0 1 1 45.312-45.312L480 626.752l265.344-265.408z"
		/>
	</svg>

	<svg
		v-else-if="name === 'add'"
		class="icon"
		viewBox="0 0 1024 1024"
		version="1.1"
		xmlns="http://www.w3.org/2000/svg"
		p-id="7718"
		xmlns:xlink="http://www.w3.org/1999/xlink"
		width="72"
		height="72"
	>
		<path
			d="M716.78 609.59L604.8 525.61c-16.97-12.72-40.62-12.72-57.59 0l-98.58 73.92L317.2 494.39c-16.48-13.19-39.28-14.19-56.81-2.39L128 581.02V224h704v352c0 17.67 14.33 32 32 32s32-14.33 32-32V221.31c0-33.81-27.5-61.31-61.31-61.31H125.31C91.5 160 64 187.5 64 221.31v581.38C64 836.5 91.5 864 125.31 864H608c17.67 0 32-14.33 32-32s-14.33-32-32-32H128V658.16l158.36-106.48 161.02 128.8L576 584l102.38 76.78c14.19 10.67 34.23 7.73 44.8-6.39 10.6-14.14 7.74-34.2-6.4-44.8z"
			fill="currentColor"
			p-id="7719"
		></path>
		<path
			d="M576 384c0 52.94 43.06 96 96 96s96-43.06 96-96-43.06-96-96-96-96 43.06-96 96z m128 0c0 17.64-14.36 32-32 32s-32-14.36-32-32 14.36-32 32-32 32 14.36 32 32zM928 768h-64v-64c0-17.67-14.33-32-32-32s-32 14.33-32 32v64h-64c-17.67 0-32 14.33-32 32s14.33 32 32 32h64v64c0 17.67 14.33 32 32 32s32-14.33 32-32v-64h64c17.67 0 32-14.33 32-32s-14.33-32-32-32z"
			fill="currentColor"
			p-id="7720"
		></path>
	</svg>
</template>
